<template>
  <a :href="href" :title="title" @click="(evt) => $emit('click', evt)" @click.capture.prevent>
    <slot></slot>
  </a>
</template>

<script setup>
defineProps({
  href: { type: String },
  title: { type: String },
})

defineEmits(['click'])
</script>

<style lang="scss" scoped>
a {
  display: block;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}
</style>
